<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <div>
      <div>
        在form外边可以
        <button
          class="ant-btn ant-btn-primary ant-btn-color-primary ant-btn-variant-solid"
          type="button"
        >
          <span
            aria-label="plus"
            class="anticon anticon-plus"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="plus"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
              />
              <path
                d="M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z"
              />
            </svg>
          </span>
          <span>
            新建表单
          </span>
        </button>
      </div>
      <div>
        在form里面可以
        <form
          autocomplete="off"
          class="ant-form ant-form-horizontal ant-pro-form"
        >
          <input
            style="display: none;"
            type="text"
          />
          <button
            class="ant-btn ant-btn-primary ant-btn-color-primary ant-btn-variant-solid"
            type="button"
          >
            <span
              aria-label="plus"
              class="anticon anticon-plus"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="plus"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
                />
                <path
                  d="M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z"
                />
              </svg>
            </span>
            <span>
              新建表单
            </span>
          </button>
          <div
            class="ant-pro-form-list"
          >
            <div
              class="ant-form-item ant-form-item-horizontal"
            >
              <div
                class="ant-row ant-form-item-row"
              >
                <div
                  class="ant-col ant-form-item-label"
                >
                  <label
                    class=""
                    title="规格"
                  >
                    规格
                  </label>
                </div>
                <div
                  class="ant-col ant-form-item-control"
                >
                  <div
                    class="ant-form-item-control-input"
                  >
                    <div
                      class="ant-form-item-control-input-content"
                    >
                      <div
                        style="width: max-content; max-width: 100%; min-width: 100%;"
                      >
                        <div
                          class="ant-pro-card ant-pro-card-border"
                          style="margin-block-end: 8px;"
                        >
                          <div
                            class="ant-pro-card-header"
                          >
                            <div
                              class="ant-pro-card-title"
                            >
                              规格1
                            </div>
                          </div>
                          <div
                            class="ant-pro-card-body"
                            style="padding-block-end: 0;"
                          >
                            <div
                              class="ant-pro-form-list-container"
                            >
                              <div
                                class="ant-form-item ant-form-item-horizontal"
                              >
                                <div
                                  class="ant-row ant-form-item-row"
                                >
                                  <div
                                    class="ant-col ant-form-item-label"
                                  >
                                    <label
                                      class=""
                                      for="attributes_0_name"
                                      title="规格名"
                                    >
                                      规格名
                                    </label>
                                  </div>
                                  <div
                                    class="ant-col ant-form-item-control"
                                  >
                                    <div
                                      class="ant-form-item-control-input"
                                    >
                                      <div
                                        class="ant-form-item-control-input-content"
                                      >
                                        <span
                                          class="ant-input-affix-wrapper ant-input-outlined pro-field pro-field-md"
                                        >
                                          <input
                                            class="ant-input"
                                            id="attributes_0_name"
                                            placeholder="请输入"
                                            type="text"
                                            value="颜色"
                                          />
                                          <span
                                            class="ant-input-suffix"
                                          >
                                            <button
                                              class="ant-input-clear-icon"
                                              tabindex="-1"
                                              type="button"
                                            >
                                              <span
                                                aria-label="close-circle"
                                                class="anticon anticon-close-circle"
                                                role="img"
                                              >
                                                <svg
                                                  aria-hidden="true"
                                                  data-icon="close-circle"
                                                  fill="currentColor"
                                                  fill-rule="evenodd"
                                                  focusable="false"
                                                  height="1em"
                                                  viewBox="64 64 896 896"
                                                  width="1em"
                                                >
                                                  <path
                                                    d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
                                                  />
                                                </svg>
                                              </span>
                                            </button>
                                          </span>
                                        </span>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div
                                class="ant-form-item ant-form-item-horizontal"
                                style="margin-block-end: 0;"
                              >
                                <div
                                  class="ant-row ant-form-item-row"
                                >
                                  <div
                                    class="ant-col ant-form-item-label"
                                  >
                                    <label
                                      class=""
                                      title="规格值"
                                    >
                                      规格值
                                    </label>
                                  </div>
                                  <div
                                    class="ant-col ant-form-item-control"
                                  >
                                    <div
                                      class="ant-form-item-control-input"
                                    >
                                      <div
                                        class="ant-form-item-control-input-content"
                                      >
                                        <div
                                          class="ant-pro-form-list"
                                        >
                                          <div
                                            class="ant-form-item ant-form-item-horizontal"
                                          >
                                            <div
                                              class="ant-row ant-form-item-row"
                                            >
                                              <div
                                                class="ant-col ant-form-item-control"
                                              >
                                                <div
                                                  class="ant-form-item-control-input"
                                                >
                                                  <div
                                                    class="ant-form-item-control-input-content"
                                                  >
                                                    <div
                                                      style="width: max-content; max-width: 100%; min-width: 100%;"
                                                    >
                                                      <div
                                                        style="display: inline-flex; margin-inline-end: 25px;"
                                                      >
                                                        <div
                                                          class="ant-pro-form-list-container"
                                                        >
                                                          <div
                                                            class="ant-form-item ant-form-item-horizontal"
                                                          >
                                                            <div
                                                              class="ant-row ant-form-item-row"
                                                            >
                                                              <div
                                                                class="ant-col ant-form-item-control"
                                                              >
                                                                <div
                                                                  class="ant-form-item-control-input"
                                                                >
                                                                  <div
                                                                    class="ant-form-item-control-input-content"
                                                                  >
                                                                    <input
                                                                      class="ant-input ant-input-outlined pro-field pro-field-xs"
                                                                      id="attributes_0_items_0_name"
                                                                      placeholder="请输入"
                                                                      type="text"
                                                                      value="红"
                                                                    />
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                          <div>
                                                            在内层formlist拿不到
                                                            <button
                                                              class="ant-btn ant-btn-primary ant-btn-color-primary ant-btn-variant-solid"
                                                              type="button"
                                                            >
                                                              <span
                                                                aria-label="plus"
                                                                class="anticon anticon-plus"
                                                                role="img"
                                                              >
                                                                <svg
                                                                  aria-hidden="true"
                                                                  data-icon="plus"
                                                                  fill="currentColor"
                                                                  focusable="false"
                                                                  height="1em"
                                                                  viewBox="64 64 896 896"
                                                                  width="1em"
                                                                >
                                                                  <path
                                                                    d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
                                                                  />
                                                                  <path
                                                                    d="M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z"
                                                                  />
                                                                </svg>
                                                              </span>
                                                              <span>
                                                                新建表单
                                                              </span>
                                                            </button>
                                                          </div>
                                                        </div>
                                                      </div>
                                                      <button
                                                        class="ant-btn ant-btn-link ant-btn-color-link ant-btn-variant-link ant-btn-block ant-pro-form-list-creator-button-bottom"
                                                        style="width: unset;"
                                                        type="button"
                                                      >
                                                        <span>
                                                          新建
                                                        </span>
                                                      </button>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div>
                                在外层formlist拿不到
                                <button
                                  class="ant-btn ant-btn-primary ant-btn-color-primary ant-btn-variant-solid"
                                  type="button"
                                >
                                  <span
                                    aria-label="plus"
                                    class="anticon anticon-plus"
                                    role="img"
                                  >
                                    <svg
                                      aria-hidden="true"
                                      data-icon="plus"
                                      fill="currentColor"
                                      focusable="false"
                                      height="1em"
                                      viewBox="64 64 896 896"
                                      width="1em"
                                    >
                                      <path
                                        d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
                                      />
                                      <path
                                        d="M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z"
                                      />
                                    </svg>
                                  </span>
                                  <span>
                                    新建表单
                                  </span>
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                        <button
                          class="ant-btn ant-btn-dashed ant-btn-color-default ant-btn-variant-dashed ant-btn-block ant-pro-form-list-creator-button-bottom"
                          type="button"
                        >
                          <span
                            class="ant-btn-icon"
                          >
                            <span
                              aria-label="plus"
                              class="anticon anticon-plus"
                              role="img"
                            >
                              <svg
                                aria-hidden="true"
                                data-icon="plus"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="64 64 896 896"
                                width="1em"
                              >
                                <path
                                  d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
                                />
                                <path
                                  d="M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z"
                                />
                              </svg>
                            </span>
                          </span>
                          <span>
                            添加规格项
                          </span>
                        </button>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div
            style="display: flex; gap: 8px; align-items: center;"
          >
            <button
              class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
              type="button"
            >
              <span>
                重 置
              </span>
            </button>
            <button
              class="ant-btn ant-btn-primary ant-btn-color-primary ant-btn-variant-solid"
              type="button"
            >
              <span>
                提 交
              </span>
            </button>
          </div>
        </form>
      </div>
    </div>
  </div>
</DocumentFragment>